<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/shiping.css" />
    <script src="./css/shiping.css"></script>
    <link rel="stylesheet" href="./css/poor-experience.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  </head>
  <body>
   <div class="header_b">
      <nav class="poornav">
        <div class="header-left">
            <img src="./img/qiouimg.png" class="imgs" alt="">
            <ul class="q-nav">
              <li><a href="" class="nav-span">目的地</a></li>
              <li><a href="./jinnang.html" class="nav-span">锦囊</a></li>
              <li class="list-layer list-sns"><a href="" class="nav-span">
                  <span>社区</span>
                  <i class="fa fa-angle-down"></i>
                </a>
                <!-- 社区tab切换 -->
                <div class="q-layer q-layer-nav q-layer-arrow arr">
                  <ul>
                    <li class="nav-list-layer list-discuss"><a href="//bbs.qyer.com/">
                        <span> <a href="./forum.html">旅行论坛</a> </span>
                        <div style="display:inline;"><i class="fa fa-angle-right fa-right"></i></div>
                      </a>
                      <div class="q-layer q-layer-section" style="display:none;">
                        <div class="q-layer">
                          <div class="section-title"><a href="//bbs.qyer.com" class="more"><span>全部版块</span>
                              <i class="fa fa-angle-right fa-right"></i></a><span>热门版块</span></div>
                          <dl class="section-item">
                            <dt>兴趣小组</dt>
                            <dd><a href="//bbs.qyer.com/forum-2-1.html">结伴同游</a>
                              <a href="//bbs.qyer.com/forum-3-1.html">签证</a>
                              <a href="//bbs.qyer.com/forum-22-1.html">旅行摄影</a>
                              <a href="//bbs.qyer.com/forum-88-1.html">潜水俱乐部</a>
                              <a href="//bbs.qyer.com/forum-122-1.html">带孩子旅行</a>
                              <a href="//bbs.qyer.com/forum-33-1.html">自驾</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游欧洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-14-1.html">法国/摩纳哥</a><a
                                href="//bbs.qyer.com/forum-12-1.html">德国</a><a
                                href="//bbs.qyer.com/forum-16-1.html">英国/爱尔兰</a><a
                                href="//bbs.qyer.com/forum-15-1.html">瑞士/列支敦士登</a><a d
                                href="//bbs.qyer.com/forum-162-1.html">土耳其</a><a
                                href="//bbs.qyer.com/forum-25-1.html">挪威/瑞典/芬兰/丹麦/冰岛</a><a
                                href="//bbs.qyer.com/forum-13-1.html">意大利/梵蒂冈/圣马力诺/马耳他</a></dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游亚洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-52-1.html">台湾</a>
                              <a href="//bbs.qyer.com/forum-57-1.html">日本</a>
                              <a href="//bbs.qyer.com/forum-106-1.html">泰国</a>
                              <a href="//bbs.qyer.com/forum-164-1.html">新加坡</a>
                              <a href="//bbs.qyer.com/forum-165-1.html">斯里兰卡</a>
                              <a href="//bbs.qyer.com/forum-163-1.html">香港/澳门</a>
                              <a href="//bbs.qyer.com/forum-108-1.html">马来西亚/文莱</a>
                              <a href="//bbs.qyer.com/forum-175-1.html">柬埔寨</a>
                              <a href="//bbs.qyer.com/forum-104-1.html">马尔代夫</a>
                              <a href="//bbs.qyer.com/forum-177-1.html">缅甸</a>
                              <a href="//bbs.qyer.com/forum-59-1.html">伊朗</a>
                              <a href="//bbs.qyer.com/forum-103-1.html">印度/孟加拉</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游美洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-54-1.html">加拿大</a>
                              <a href="//bbs.qyer.com/forum-53-1.html">美国</a>
                              <a href="//bbs.qyer.com/forum-168-1.html">中美</a>
                              <a href="//bbs.qyer.com/forum-55-1.html">南美/南极</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游大洋洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-56-1.html">澳大利亚</a>
                              <a href="//bbs.qyer.com/forum-83-1.html">新西兰</a>
                              <a href="//bbs.qyer.com/forum-178-1.html">太平洋海岛</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游非洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-173-1.html">东非地区</a>
                              <a href="//bbs.qyer.com/forum-174-1.html">非洲海岛</a>
                              <a href="//bbs.qyer.com/forum-86-1.html">北非地区</a>
                              <a href="//bbs.qyer.com/forum-60-1.html">非洲其他国家</a>
                            </dd>
                          </dl>
                          <div></div>
    
                        </div>
                      </div>
                    </li>
                    <li class="nav-list-layer"><a href="./questions.html"><span>旅行问答</span>
                      </a> </li>
                    <li class="nav-list-layer"><a href="./column.html"><span>旅行专栏</span>
    
                      </a>
    
                    </li>
                    <li class="nav-list-layer"><a href="./poor-experience.html"><span>旅行生活分享平台</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a
                        href="https://qlab.taobao.com/index.htm?spm=2013.1.w5002-20955034123.2.67456028h2dyyo"><span>JNE旅行生活美学</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="//bbs.qyer.com/forum-2-1.html"><span>Biu伴（原结伴同游）</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="./responsibleTravel.html"><span>负责任的旅行</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="./plan.html"><span>特别策划</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="./shiping.html"><span>旅行精选视频</span></a>
                      <!---->
                    </li>
                  </ul>
                </div>
              </li>
              <li><a href="./xingcheng.html" class="nav-span">行程助手</a></li>
              <li class="list-layer list-shop"><a href="" class="nav-span">
                  <span>商城</span>
                  <i class="fa fa-angle-down"></i>
                  <span class="line-flag">
                    <img src="./img/redflag.gif" alt="" class="flag-icon">
                    <i class="flag"></i>
                  </span>
                </a>
                <!-- 商城tab切换 -->
                <div class="q-layer q-layer-nav q-layer-arrow arr1">
                  <ul>
                    <li class="nav-list-layer"><a href="./free.html"><span>机酒自由行</span></a></li>
                    <li class="nav-list-layer"><a><span>当地玩乐</span></a></li>
                    <li class="nav-list-layer"><a><span>签证</span></a></li>
                    <li class="nav-list-layer"><a href="./insurance.html"><span>保险</span></a></li>
                    <li class="nav-list-layer"><a><span>租车自驾</span></a></li>
                    <li class="nav-list-layer"><a href="./ship.html"><span>邮轮</span></a></li>
                    <li class="nav-list-layer"><a><span>私人定制</span></a></li>
                    <li class="nav-list-layer"><a><span>欧洲铁路</span></a></li>
                  </ul>
                </div>
              </li>
              <li class="list-layer list-hotel"><a href="./hotel.html" class="nav-span">
                  <span style="margin-left: 40px;">酒店·民宿</span>
                  <i class="fa fa-angle-down"></i>
                </a>
                <div class="q-layer q-layer-nav q-layer-arrow arr2" style="margin-left: 40px;">
                  <ul>
                    <li class="nav-list-layer"><a><span>酒店</span></a></li>
                  </ul>
                </div>
              </li>
              <li><a href="./saleHotel.html" class="nav-span">
                  <span>特价酒店</span>
                  <span class="line-flag">
                    <img src="./img/redflag2.png" alt="" class="flag-icon">
                    <i class="flag"></i>
                  </span>
                </a></li>
            </ul>
        </div>
        <div class="header-right">
            <div class="nav-search">
              <div class="nav-ipt">
                <input type="text" class="txt-search">
                <button class="btn-search">
                  <i class="fa fa-search"></i>
                </button>
              </div>
            </div>
            <span class="nav-cut">|</span>
            <div class="nav-user">
              <div class="login-wrap">
                <a href="https://passport.qyer.com/oauth?using=taobao&amp;ref=https%3A%2F%2Fwww.qyer.com%2F"
                  class="important">
                  <img src="./img/tao_log.png" alt=""></a>
                <a href="https://passport.qyer.com/oauth?using=qq&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                  <i class="fa fa-qq"></i></a>
                <a href="https://passport.qyer.com/oauth?using=weixin&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                  <i class="fa fa-wechat"></i></a>
                <a href="https://passport.qyer.com/oauth?using=weibo&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                  <i class="fa fa-weibo"></i></a>
                <a href="https://passport.qyer.com/register/mobile?ref=https%3A%2F%2Fwww.qyer.com%2F"
                  class="login-link">注册</a><a href="https://passport.qyer.com/login?ref=https%3A%2F%2Fwww.qyer.com%2F"
                  class="login-link">登录</a>
              </div>
            </div>
          </div>
        </div>
    </nav>
    </div>
    <div class="qio-title"></div>
    <div class="lun_bo">
      <div class="lun_boer"></div>
      <div class="lun_boyi">
        <ul class="lun_bo1">
          <li><img src="./img/lunbo_5.png" /></li>
          <li>
            <img src="./img/lunbo_2.png" alt="" />
          </li>
          <li>
            <img src="./img/lunbo_3.png" alt="" />
          </li>
          <li>
            <img src="./img/lunbo_4.png" alt="" />
          </li>
          <li><img src="./img/lunbo_5.png" /></li>
          <li><img src="./img/lunbo_2.png" alt="" /></li>
          <li>
            <img src="./img/lunbo_3.png" alt="" />
          </li>
        </ul>
      </div>
      <div class="pnBtn next">
        <span></span>
      </div>
      <div class="blackBg">
        <span></span>
      </div>
    </div>
    <div class="banrr-content">
      <h2 class="jinxuan">
        <img src="./img/remeng.png" alt="" />
        热门精选
      </h2>
      <ul class="jinxian">
        <li>
          <img src="./img/qipa1.png" alt="" />
          <p>Vlog7:只有local才会去的二手市场</p>
          <span>旅行囧记【美食篇】</span>
        </li>
        <li>
          <img src="./img/qipa2.png" alt="" />
          <p>第14话：你坐过水下飞机吗！还是包机</p>
          <span>鲸彩旅行</span>
        </li>
        <li>
          <img src="./img/qipa3.png" alt="" />
          <p>谁说我是“钢铁直男”——来自风骚绅士曼彻斯特的告白</p>
          <span>ZHU在英伦</span>
        </li>
      </ul>
      <div>
        <div class="qioer">
          <h4>
            <span></span>
            穷游er
          </h4>
          <div class="huiwna">
            <img src="./img/q.png" alt="" />
            <div class="created">
              <p>会玩儿的中国人</p>
              <span>用创造定义旅行</span>
            </div>
            <a href=""> 全部 </a>
          </div>
          
        </div>
        <ul class="huiwna1">
          <li>
            <img src="./img/xiahe11.png" alt="" />
            <span>2020 夏河香浪节</span>
          </li>
          <li>
            <img src="./img/xiahe2.png" alt="" />
            <span>JNE Group品牌全新视频</span>
          </li>
          <li>
            <img src="./img/xiahe3.png" alt="" />
            <span>Journey Never Ends ！</span>
          </li>
          <li>
            <img src="./img/xiahe4.png" alt="" />
            <span>2019穷游TOP50，一起对世界上瘾</span>
          </li>
        </ul>
      </div>
      <div>
        <div class="qioer">
          <h4>
            <span style="background:#fbc719"></span>
           人文
          </h4>
          <div class="huiwna">
            <img src="./img/yinglun.png" alt="" />
            <div class="created">
              <p>ZHU在英伦</p>
              <span>陪你读英国这本书</span>
            </div>
            <a href=""> 全部 </a>
          </div>
          
        </div>
        <ul class="huiwna1">
          <li>
            <img src="./img/yingl1.png" alt="" />
            <span>谁说我是“钢铁直男”——来自风骚绅士曼彻斯特的告白</span>
          </li>
          <li>
            <img src="./img/yingl2.png" alt="" />
            <span>我在英国找女王 - 寻找维多利亚女王的踪迹</span>
          </li>
          <li>
            <img src="./img/yingl3.png" alt="" />
            <span>大约克郡，英格兰的宝藏之地</span>
          </li>
          <li>
            <img src="./img/yingl4.png" alt="" />
            <span>当英国遇上意大利：花总和小兔的奇幻威尔士</span>
          </li>
        </ul>
      </div>
      <div>
        <div class="qioer">
          <h4>
            <span style="background: #0d87ff"></span>
            攻略
          </h4>
          </div>
        <div class="huiwna">
          <img src="./img/shijie.png" alt="" />
          <div class="created">
            <p>爱程全世界</p>
            <span>用爱丈量世界</span>
          </div>
          <a href=""> 全部 </a>
        </div>
        <ul class="huiwna1">
          <li>
            <img src="./img/shij1..jpg" alt="" />
            <span>爱的里程第十一站：太平洋之心——新喀里多尼亚（上）</span>
          </li>
          <li>
            <img src="./img/shiji1.png" alt="" />
            <span>爱的里程第十站：以色列，其实没那么神秘</span>
          </li>
          <li>
            <img src="./img/shij2.png" alt="" />
            <span>爱的里程第九站：一场“春光乍泄”的阿根廷（下）</span>
          </li>
          <li>
            <img src="./img/shij3.png" alt="" />
            <span>爱的里程第九站：一场“春光乍泄”的阿根廷（上）</span>
          </li>
        </ul>
      </div>
      <div>
          <div class="huiwna">
            <img src="./img/qimiao.png" alt="" />
            <div class="created">
              <p>Roy和Sue的奇妙旅行 </p>
              <span>拥抱世界上的千百种生活</span>
            </div>
            <a href=""> 全部 </a>
          </div>
        <ul class="huiwna1">
          <li>
            <img src="./img/qim1.png" alt="" />
            <span>谁说我是“钢铁直男”——来自风骚绅士曼彻斯特的告白</span>
          </li>
          <li>
            <img src="./img/qim2.png" alt="" />
            <span>我在英国找女王 - 寻找维多利亚女王的踪迹</span>
          </li>
          <li>
            <img src="./img/qim3.png" alt="" />
            <span>大约克郡，英格兰的宝藏之地</span>
          </li>
          <li>
            <img src="./img/qim4.png" alt="" />
            <span>当英国遇上意大利：花总和小兔的奇幻威尔士</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="footer-booter">
      <div class="footer-booter1">
         <div class="q-footer-get">
          <a href="">穷游简介</a>
          <a href="">合作伙伴</a>
          <a href="">加入我们</a>
          <a href="">新手上路</a>
          <a href="">使用帮助</a>
          <a href="">网站地图</a>
          <a href="">会员条款</a>
          <a href="">社会指南</a>
          <a href="">版权声明</a>
          <a href="">联系我们</a>
         </div>
         <div class="footer-jing">
          <span>2004-2021 © 穷游网® qyer.com All rights reserved. Version v5.57 京ICP备12003524号 京公网安备11010102001935号 京ICP证140673号</span>
      </div>
      </div>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script>
      $(document).ready(function () {
        var stu = 0;
        var timer = setInterval(() => {
          stu += -980;
          console.log(stu);
          if (stu <= -4900) {
            stu = 0;
            $(".lun_bo1").css({
              transition: "linear 0s",
            });
          } else {
            $(".lun_bo1").css({
              transition: "all 0.5s",
            });
          }
          $(".lun_bo1").css({
            transform: " translateX(" + stu + "px)",
          });
        }, 3000);
        $('li>p').hover(function(){
           $(this).css({color:"#09c78d"})
        },
        function(){
          $('li>p').css({color:'#333'})

        })
      });
      $(".list-discuss").mouseover(function () {
    $(".q-layer-section").css("display", "block")
    console.log(1);
  })
  $(".list-discuss").mouseout(function () {
    $(".q-layer-section").css("display", "none")
  })
  //社区tab切换
  $(".list-sns").mouseover(function () {
    $(".arr").css("display", "block")
  })
  $(".list-sns").mouseout(function () {
    $(".arr").css("display", "none")
  })
  //商城tab切换
  $(".list-shop").mouseover(function () {
    $(".arr1").css("display", "block")
  })
  $(".list-shop").mouseout(function () {
    $(".arr1").css("display", "none")
  })
  //酒店tab
  $(".list-hotel").mouseover(function () {
    $(".arr2").css("display", "block")
  })
  $(".list-hotel").mouseout(function () {
    $(".arr2").css("display", "none")
  })
    </script>
  </body>
</html>
